
function initRender() {
    new regCarousel($('#banner'));
}

function bindEvent() {

    // 教师列表hover
    $('.portrait-item').hover(function () {

        var obj = $(this);
        obj.find('.teachershow-mask').css('opacity', '0.6');
        obj.find('.teachershow-link').css('display', 'block')
                .delay(2000)
                .css('animation', 'bounceIn .5s ease .2s both');
        obj.find('.teacherinfo').css({
            'background-image': 'none',
            'background-color': 'rgb(205,65,109)'
        });
        obj.find('.teacherinfo').children().css('color', '#fff');
        obj.find('.teacherinfo span').css('color', '#fff');

        var timer = setTimeout(function () {
            obj.find('p').hide();
            obj.find('h2').hide();
            obj.find('.show-txt').fadeIn(400);
        }, 2500);

        obj.data('timer', timer);
    }, function () {

        var obj = $(this);
        obj.find('.teachershow-mask').css('opacity', '0');
        obj.find('.teachershow-link').css('animation', 'bounceOut .5s ease .2s both');
        obj.find('.teacherinfo').css({
            'background-color': '#f0f0ef'
        });
        obj.find('.teacherinfo').children().css('color', 'rgb(102,102,102)');
        obj.find('.teacherinfo span').css('color', 'rgb(102,102,102)');
        clearTimeout(obj.data('timer'));
        obj.find('p').show();
        obj.find('h2').show();
        obj.find('.show-txt').hide();
    });

    // 家长的选择订单 切换按钮状态
    $('#orderBox .switch-btn').hover(function() {
        var $orderWrap = $('#orderWrap');
        var role = $(this).attr('role');

        var curMarginLeft = parseInt($orderWrap.css('marginLeft'), 10);
        if ((role === 'prev' && curMarginLeft === 0) || (role === 'next' && curMarginLeft === 4250)) {
            return;
        }

        $(this).addClass('active');
    }, function() {
        $(this).removeClass('active');
    });

    // 家长的选择订单切换效果
    $('#orderBox').on('click', '.switch-btn', function() {
        var isAnimating = $(this).attr('isAnimating');
        var $orderWrap = $('#orderWrap');
        var role = $(this).attr('role');
        var curMarginLeft = parseInt($orderWrap.css('marginLeft'), 10);
        if ((isAnimating === 'true') || (role === 'prev' && curMarginLeft === 0) || (role === 'next' && curMarginLeft === 4250)) {
            return;
        }

        var switchDis = role === 'prev' ? 425: -425;
        $(this).attr('isAnimating', true);
        $orderWrap.animate({
            'marginLeft': curMarginLeft + switchDis + 'px'
        }, 'easein', function() {
            $(this).attr('isAnimating', false);
        }.bind(this))


    });
}


// 注册轮播
function regCarousel(container) {
    this.container = $(container);
    this.init(container);
}

regCarousel.prototype.init = function() {
    var len = this.container.find('.wrap li').length;
    var $circle = this.container.find('.circle');
    var str = '';
    for (var i = 0; i < len; i++) {
        if (i === 0) {
            str += '<span class="active"></span>';
        }
        else {
            str += '<span></span>';
        }
    }

    $circle.html(str);

    this.bindEvent();
};

regCarousel.prototype.bindEvent = function() {
    var $circle = this.container.find('.circle');
    var _this = this;
    $circle.on('click', 'span', function() {
        if ($(this).hasClass('active')) return;
        var index = $(this).index();
        var $curLi = _this.container.find('.wrap li').eq(index);

        $circle.find('.active').removeClass('active');
        $(this).addClass('active');

        _this.container.find('li.active').fadeOut(200).removeClass('active');
        $curLi.fadeIn().addClass('active')
    });
};



$(function() {
    // 初始化视图
    initRender();

    // 绑定事件
    bindEvent();
});

